/**
 * 一个组件给到 Route 使用或普通使用有什么区别：
 *
 *    1. 写法不同
 *          一般组件：<Home />
 *          与路由配合使用的组件：<Route component={Home} />
 *    2. 存放位置不同
 *          一般组件：components
 *          与路由配合使用的组件：views     pages
 *    3. 接收到的 Props 不同
 *          一般组件：传递什么 prop 就收到什么 prop
 *          与路由配合使用的组件：它的调用是由 Route 去完成，会自动给它传递如下几个路由相关的 prop
 *              history
 *                提供有 push、replace、go、goBack、goForward 等方法，来实现编程式导航
 *              location
 *                表示当前匹配的路由信息对象，提供有  hash、pathname、search、state 等属性的一个对象，
 *              match
 *                提供有 params、path、url、isExact 等属性的一个对象
 *                主要关注的是：params，它能获取动态路由参数
 *
 */

import ReactDOM from "react-dom/client";

import { HashRouter as Router } from "react-router-dom";
import App from "./App.tsx";
import "./index.css";

ReactDOM.createRoot(document.getElementById("root")!).render(
  // <React.StrictMode>
  <Router>
    <App />
  </Router>
  // </React.StrictMode>
);
